<%--
  Created by IntelliJ IDEA.
  User: 金贤哲
  Date: 2017/6/9 0009
  Time: 15:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
    <title>发送信息</title>
    <meta name="decorator" content="default"/>
    <script src="${ctxStatic}/jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
    <link rel="stylesheet" href="/static/modules/api/Loanfilter/style/we2.css"/>
    <script src="${ctxStatic}/layer/layer.js"></script>
    <script type="text/javascript">
        var name = "";var loan;var tel;
        $(document).ready(function() {
            $('.td').click(function () {
                name = $(this).data("name");
            })
            $('.td').trigger('click');
            $('.td1').click(function () {
                tel = $(this).data("tel");
            })
            $('.td1').trigger('click');
            $('.td2').click(function () {
                loan = $(this).data("loan");
            })
            $('.td2').trigger('click');
        })

            function chk(){
                var obj=document.getElementsByName('checkboxLoan'); //选择所有name="'test'"的对象，返回数组
    //取到对象数组后，我们来循环检测它是不是被选中
                var s='';
                for(var i=0; i<obj.length; i++){
                    if(obj[i].checked) s+=obj[i].value+','; //如果选中，将value添加到变量s中
                }
    //那么现在来检测s的值就知道选中的复选框的值了
//                alert(s==''?'你还没有选择任何内容！':s);
                var str =s.substring(0,s.length-1);
                if(s.length ==0 || s==null){
                    layer.open({
                        title: '资料提示信息',
                        content: '还未选择客户所差资料，不可提交！请5秒后在提交',
                        offset: '100px'
                    });
                    document.getElementById("btnSubmit").style.display="none";//隐藏
                    setTimeout(function(){
                        document.getElementById("btnSubmit").style.display="";//显示
                    },5000)
                }
                if(loan==null || loan ==""){
                    layer.open({
                        title: '产品提示信息',
                        content: '还未选择产品，不能提交!请5秒后在提交',
                        offset: '100px'
                    });
                    document.getElementById("btnSubmit").style.display="none";//隐藏
                    setTimeout(function(){
                        document.getElementById("btnSubmit").style.display="";//显示
                    },5000)
                }
                if(name==null || name ==""){
                    layer.open({
                        title: '姓名提示信息',
                        content: '客户姓名为空，不能提交!请补全客户姓名后提交',
                        offset: '100px'
                    });
                    document.getElementById("btnSubmit").style.display="none";//隐藏
                    setTimeout(function(){
                        document.getElementById("btnSubmit").style.display="";//显示
                    },5000)
                }
                if(tel==null || tel ==""){
                    layer.open({
                        title: '手机提示信息',
                        content: '客户手机为空，不能给客户发送信息，请补全客户信息后提交',
                        offset: '100px'
                    });
                    document.getElementById("btnSubmit").style.display="none";//隐藏
                    setTimeout(function(){
                        document.getElementById("btnSubmit").style.display="";//显示
                    },5000)
                }
                var list1 = {};
                list1["memberName"] = name;
                list1["memberPhone"] = tel;
                list1["name"] = loan;
                list1["memberRealName"] = str;
                $.ajax({
                    type : "POST",  //提交方式
                    url : "${ctx}/sys/loan/customPay/Message",//路径
                    data : list1,//数据，这里使用的是Json格式进行传输
                    success : function(data) {//返回数据根据结果进行相应的处理
                        if(data){
                            layer.open({
                                title: '提示信息',
                                content: '提醒客户补交资料的短信已经发送成功，请勿重复发送！',
                                offset: '100px'
                            });
                        } else{
                            layer.open({
                                title: '提示信息',
                                content: '发送短信失败，检查客户信息是否完善，是否勾选材料，或联系管理员！',
                                offset: '100px'
                            });
                        }
                    }
                });
            }

    </script>
</head>
<body>
    <table class="layui-table" lay-skin="row">
        <thead>
        <tr>
            <th>客户姓名</th>
            <th>手 机</th>
            <th>产品名称</th>
        </tr>
        </thead>
        <tbody>
        <tr style="text-align: center;">
            <td class="td" data-name="${member.realname}">${member.realname}</td>
            <td class="td1" data-tel="${member.telephone}">${member.telephone}</td>
            <td class="td2" data-loan="${loan.name}">${loan.name}</td>
        </tr>
        </tbody>
        <thead>
           <tr>
               <td colspan="3" style="text-align: center;">客户所缺少的材料</td>
           </tr>
        </thead>
        <tbody>
        <tr style="text-align: center;">
            <td colspan="3">
                <div>
                    <c:forEach items="${materialTypes}" var="materialType">
                        <div class="MeMe">
                            <div class="ui">
                                <div class="checkboxFour">
                                    <input type="checkbox" name="checkboxLoan" value="${materialType.name}" id=${materialType.id} >
                                    <label  for=${materialType.id}></label>
                                </div>
                                <div class="wenzi"><label class="weui-cell__bd">${materialType.name}</label></div>
                            </div>
                        </div>
                    </c:forEach>
                </div>
            </td>
        </tr>
        </tbody>
        <tr>
            <td colspan="3">
                <div class="anniu">
                    <li class="btns"><input id="btnSubmit" class="btn btn-primary" type="button" value="确定发送" onclick="chk()"/></li>
                </div>
            </td>
        </tr>
    </table>
</body>


</html>